<template>
    <div class="modal-box" @click.self="$emit('close')">
        <div class="content">
            <slot></slot>
            
        </div>
    </div>
</template>

<script>
    export default {
          
    }
</script>

<style lang="sass" scoped>
.modal-box
    position: fixed
    top: 0
    bottom: 0
    left: 0
    right: 0
    background: rgba(0,0,0,.8)
    .content
        position: absolute
        top: 22.288%
        right: 0
        bottom: 0
        left: 0
        background: #fff
        padding: 60px 35px
</style>